v_box_sizing
  box-sizing border-box
  -moz-box-sizing border-box /* Firefox */
  -webkit-box-sizing border-box /* Safari */

.c-pay
  padding-bottom 7.88em

  .c-pay-tips
    padding 1.625em 2em
    background #f0ffe5
    border-top 3px solid #b4d997
    .c-tips-info
      background url('./img/pay_tip.png') no-repeat
      padding-left 3.6em
      p
        color #468218
        font-size 1.2em
        padding-bottom 0.6em
      span
        font-size 0.8em
        color #666
        &:nth-child(4)
          display inline-block
          padding 0 1em
        &:nth-child(6)
          color #ffa202

  .c-pay-list
    border 1px solid #efefef
    padding 1em 2em 2em
    .c-jsqd
      padding-bottom 1.2em
      color #666
      font-weight 600
    .c-pure
      border 1px solid #efefef
      text-align center
      font-size 0.9em
      padding-bottom 1em
      p
        padding 1em 0
        background #f6fcff
        color #888
      span
        color #333
        padding-top 1em
        display inline-block
      a
        span:nth-child(1)
          color #2c7edc
  
  .c-ope-step

    .c-step-name
      padding 0.8em 0
      span
        color #666
        font-weight 600
        &:nth-child(1)
          background #efefef
          display inline-block
          padding 0.3em .6em
          border-radius 3px
        &:nth-child(2)
          padding-left 1em

    .c-yh-list
      text-align center
      padding 0.6em 0 0.4em
      border 1px solid #efefef
      border-right none
      @extend v_box_sizing

    .c-pure-img
      margin 0 auto
    
    .c-pay-info
      div
        padding 1em 0
        lable
          min-width 10em
          width 10%
          text-align right
          color #666
          font-size 0.9em
          display inline-block
        input
          margin-left 1em
          border 1px solid #efefef
          padding 0.6em 0em 0.6em 1em
          border-radius 5px
          font-size 0.9em
          width 16em
          color #c1c1c1

  .c-tjdd-btn
    margin 2em 1em
    padding 0.68em 2.625em
    background-color #ffa202
    border 1px solid #D88E0C
    border-radius 3px

.c-yh-selected
  background url('./img/selected.png') center center no-repeat
  background-size 100% 100%
  -moz-background-size 100% 100%
  -webkit-background-size 100% 100%

.c-pay
  .c-pay-step2
    .c-pay-step
      .c-order-flow
        .c-step1
          span.c-qq
            border 3px solid #ffa202
            background #fff
            padding 8px 12px
            color #ffa202
          span.c-xt
            background #ffa202
        .c-step2
          span.c-qq
            background #ffa202

// 验证码弹窗
.verifi_dialog
  .c-mask
    position fixed
    z-index 1000
    top 0
    right 0
    left 0
    bottom 0
    background rgba(0, 0, 0, 0.6)
  .c-dialog
    position fixed
    z-index 5000
    width 80%
    max-width 31.25em
    min-height 12em
    top 50%
    left 50%
    -webkit-transform translate(-50%, -50%)
    transform translate(-50%, -50%)
    background-color #FFFFFF
    text-align center
    border-radius 3px
    overflow hidden
    .c-dialog-hd
      background #efefef
      padding 0.6em 0 1.4em 1em
      text-align left
      div
        display inline-block
      .c-dialog-title
        color #333
        font-size 1.4em
        float left
      .c-close-btn
        text-aligin right
        float right
        padding-right 1em
      .clear-float
        clear both
    .c-dialog-bd
      padding 2.5em
      text-align left
      input
        display inline-block
        border 1px solid #efefef
        padding 0.6em 0 0.5em 0.8em
        border-radius 5px
        width 16.375em
        font-size 0.9em
        color #333
      .c-yzm-btn
        display inline-block
        margin-left 1em
        font-size 0.8em
      p
        padding-top 0.6em
        font-size 0.8em
        color #333

@media (min-width:1025px)
  .c-pay
    .c-ope-step
      .c-pure
        .c-yh-list
          border-right none
          &:nth-child(6n),&:last-child
            border-right 1px solid #efefef
          &:nth-child(n+7)
            border-top none

@media (max-width:1024px) and (min-width:768px)
  .c-pay
    .c-ope-step
      padding 1em
      .c-pure
        .c-yh-list
          border-right none
          &:nth-child(5n),&:last-child
            border-right 1px solid #efefef
          &:nth-child(n+6)
            border-top none

@media (max-width:767px) and (min-width:569px)
  .c-pay
    padding-bottom 0
    .c-pay-list
      padding 1em
    .c-ope-step
      .c-yh-list
        border-right none
        &:nth-child(4n),&:last-child
          border-right 1px solid #efefef
        &:nth-child(n+5)
          border-top none

    .c-ope-step
      padding 1em 

@media (max-width:568px)
  .c-pay
    padding-bottom 0
    .c-pay-list
      padding 1em
      .c-pure
        text-align left
        p
          display inline-block
          width 25%
          text-align right
        .c-pure-u
          .span1
            padding-left 1em
    .c-ope-step
      padding 1em
      .c-pure
        .c-yh-list
          border-right none
          border-top none
          &:nth-child(2n),&:last-child
            border-right 1px solid #efefef
          &:nth-child(2),&:nth-child(1)
            border-top 1px solid #efefef

      .c-pay-info
        div
          lable
            min-width 6em
            width 25%
          input
            width auto
  
    .c-tjdd-btn
      margin-left 1em

  // 验证码弹窗
  .verifi_dialog
    .c-dialog
      width 90%
      min-height 10em
      .c-dialog-hd
        .c-dialog-title
          font-size 1.2em
      .c-dialog-bd
        padding 1em
        text-align left
        input
          width 7.6em